<html>
  <head>
    <meta charset="UTF-8">
    <title>首页</title>

    <style>
       *{
         margin: 0;
         padding: 0;
       }
       body{
        font-family: "微软雅黑";
       }
      .logo{
        padding-bottom: 20px;
        border-bottom: 1px solid #f4f4f4;
      }

      .left {
        height: 100%;
        border-right:1px solid #cccccc;
        width:192px;
        float: left;
        text-align: center;
        padding-top: 20px;
      }

      .lul li {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        
      }
      
      .lul li:hover {
        background-color: #eef1f6;
      }

      .left li a{
        text-decoration: none;
        color: #48576a;
      }
        /*右侧样式*/
       .right {
         width: 85%;
         float: left;
       }
      /*header*/
       .header{
         width: 100%;

         background-color: #4f5d80;
         color: white;
       }
      .hul li {

        height:50px;
        line-height: 50px;
        text-align: center;
        display: inline-block;
      }


      /*面包屑样式*/
      .mbx {
        background-color: white;
        padding-left: 10px;
      }
      .mbx a {
        text-decoration: none;
      }



      .list {
        width: 100%;
        padding-left: 1%;
        padding-top:1% ;
      }

      /*表格*/
       table {
         width: 98%;
         border: 1px solid #aaaaaa;
       }

      table th {
        border: 1px solid #cccccc;
        height: 30px;
        line-height: 30px;
        /*background-color: antiquewhite;*/
        color: #4f5d80;
      }
       table td {
         border: 1px solid #cccccc;
         color: #676a6c;
         height: 25px;
         line-height: 25px;
       }

       tbody tr:hover {
         background-color: antiquewhite;
       }

      /*添加按钮*/
       .add_btn {
         padding: 10px 10px;
         margin: 5px 0;
         cursor: pointer;
         background-color: cornflowerblue;
         color: #FFF;
         display: inline-block;
         text-decoration: none;
         font-size: 16px;
         border-radius: 3px;
       }
    </style>



  </head>
  <script type="text/javascript">
  window.onload=function(){systemTime();}
  //获取系统时间，将时间以指定格式显示到页面。
function systemTime()  
    {  
        //获取系统时间。  
        var dateTime=new Date();
        var year=dateTime.getFullYear();
        var month=dateTime.getMonth()+1;
        var date=dateTime.getDate();  
        var hh=dateTime.getHours();  
        var mm=dateTime.getMinutes();  
        var ss=dateTime.getSeconds();
        var day=dateTime.getDay();

        switch(day){
            case 0:
              day="星期日";
              break;
            case 1:
              day="星期一";
              break;
            case 2:
              day="星期二";
              break;
            case 3:
              day="星期三";
              break;
            case 4:
              day="星期四";
              break;
            case 5:
              day="星期五";
              break;
            case 6:
              day="星期六";
              break;

        }  
          
        //分秒时间是一位数字，在数字前补0。  
        mm = extra(mm);  
        ss = extra(ss);  
          
        //将时间显示到ID为time的位置，时间格式形如：19:18:02  
        document.getElementById("time").innerHTML=year+"年"+month+"月"+date+"日 "+hh+":"+mm+":"+ss+"  "+day;  
          
        //每隔1000ms执行方法systemTime()。  
        setTimeout("systemTime()",1000);  
    }  
      
    //补位函数。  
    function extra(x)  
    {  
        //如果传入数字小于10，数字前补一位0。  
        if(x < 10)  
        {  
            return "0" + x;  
        }  
        else  
        {  
            return x;  
        }  
    }  
  </script>
  <body>

        <div class="left">
          <div class="logo">
            <img src="../images/logo.44fc79c.png" width="100px">
          </div>
           <ul class="lul">
             <li>
               <a href="index.html">首页</a>
              
             </li>
             <li>
              <a href="user/list.html">用户管理</a>
             </li>
           </ul>
        </div>
        <div class="right">
             <div class="header">
				
               <ul class="hul">
                 <li style="width: 50%">您好，${userName}！
                   现在是<span id="time">ddd</span>
                 </li>
                 <li style="text-align: right;width:45% ">
                   退出
                 </li>
               </ul>

             </div>

            <div class="main" >
                

              <div  style="width: 100%;height:100%;background:url(../images/welecome.jpg) no-repeat top center;background-size:cover;">

            		
              </div>
				
            </div>
        </div>
  </body>
</html>